/**
 * 01.新知识：Backend返回的数据可统一做接口在API模块文件中, 可做网络请求库的类型限制, axios.get<xxx接口类型[]>
 * 
 * 02.新知识：TS接口与接口可以用 & 合并为一个类型模块, 可对参数进行类型限制
 * 
 * 03.新知识：TS定义接口时, 可利用泛型对未知类型进行自由对应, interface test<T = unknown> { data: T }
 * 
 * 04.新知识：vite底层对项目根目录的env文件进行了配置, import.meta.环境.变量, 即可访问到环境配置文件中的数据
 * 
 * 05.新知识：TS接口与接口之间可以用extend互相继承, 被继承接口方可用TS函数工具进行改变, Partial可将接口数据变为可选
 * 
 * 06.新知识：axios请求配置中, paramsSerializer用于序列化params, paramsSerializer返回一个callback, 可使用qs模块的stringify方法配合序列化
 * 
 * 07.新知识：TS的interface和type是非常相似, type可定义非对象类型与对象类型, interface仅可定义对象类型, type最多用于起别名
 * 
 * 08.新知识：TS的interface接口中, 可对象嵌套类型定义
 * 
 * 09.新知识：TS的Array对象类型中, 对象里面的类型可以类型定义
 */
import axios from 'axios';
import type { AxiosRequestConfig, AxiosResponse } from 'axios';
import { Message, Modal } from '@arco-design/web-vue';
import { useUserStore } from '@/store';
import { getToken } from '@/utils/auth';

// 新知识：TS定义接口时, 可利用泛型对未知类型进行自由对应, interface test<T = unknown> { data: T }
export interface HttpResponse<T = unknown> {
  status: number;
  msg: string;
  code: number;
  data: T;
}

// 新知识：vite底层对项目根目录的env文件进行了配置, import.meta.环境.变量, 即可访问到环境配置文件中的数据
if (import.meta.env.VITE_API_BASE_URL) {
  axios.defaults.baseURL = import.meta.env.VITE_API_BASE_URL;
}

axios.interceptors.request.use(
  (config: AxiosRequestConfig) => {
    // let each request carry token
    // this example using the JWT token
    // Authorization is a custom headers key
    // please modify it according to the actual situation
    const token = getToken();
    if (token) {
      if (!config.headers) {
        config.headers = {};
      }
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => {
    // do something
    return Promise.reject(error);
  }
);
// add response interceptors
axios.interceptors.response.use(
  (response: AxiosResponse<HttpResponse>) => {
    const res = response.data;
    // if the custom code is not 20000, it is judged as an error.
    if (res.code !== 20000) {
      Message.error({
        content: res.msg || 'Error',
        duration: 5 * 1000,
      });
      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
      if (
        [50008, 50012, 50014].includes(res.code) &&
        response.config.url !== '/api/user/info'
      ) {
        Modal.error({
          title: 'Confirm logout',
          content:
            'You have been logged out, you can cancel to stay on this page, or log in again',
          okText: 'Re-Login',
          async onOk() {
            const userStore = useUserStore();

            await userStore.logout();
            window.location.reload();
          },
        });
      }
      return Promise.reject(new Error(res.msg || 'Error'));
    }
    return res;
  },
  (error) => {
    Message.error({
      content: error.msg || 'Request Error',
      duration: 5 * 1000,
    });
    return Promise.reject(error);
  }
);
